<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>装修公司</title>
    <link rel="stylesheet" href="../css/firmAll2.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/pop.css">
</head>
<style>
    * {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
    ul,li {list-style: none;}
    a {text-decoration: none;color: black;}
    #img_4{
        background-position:-73px -23px;
    }
    #zi_4{color: red}
</style>
<body>
<div id="myModal" class="modal">
    <!-- 弹窗内容 -->
    <div class="modal-content">
        <div class="modal-header">
            <span class="close">×</span>
            <div id="header_yy">立即预约齐家网装修服务</div>
        </div>
        <div class="modal-body">
            <input class="input" type="text" name="" placeholder="请输入您的姓名"><br>
            <input class="input" type="password" name="" placeholder="请输入您的电话"><br>
            <input class="input" type="text" name="" placeholder="请输入您的地址"><br>
            <div id="TYK">
                <div id="checkbox"><input type="checkbox"></div>
                <div id="TY">我已阅读齐家网的<a href="">用户协议</a> </div>
            </div>
        </div>
        <div class="modal-footer">
            <button id="ljyy" class="yes">立即预约</button>
        </div>
    </div>
</div>
<jsp:include page="hd.jsp"></jsp:include>
<script type="text/javascript">
    function changeimgziover1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px 1px")?("1px -22px"):("1px 1px");
        zi_1.style.color="red";
    }
    function changeimgziout1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px -22px")?("1px 1px"):("1px -22px");
        zi_1.style.color="black";
    }

    function changeimgziover2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px 0px")?("-24px -23px"):("-24px 0px");
        zi_2.style.color="red";
    }
    function changeimgziout2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px -23px")?("-24px 0px"):("-24px -23px");
        zi_2.style.color="black";
    }

    function changeimgziover3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px 0px")?("-48px -23px"):("-48px 0px");
        zi_3.style.color="red";
    }
    function changeimgziout3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px -23px")?("-48px 0px"):("-48px -23px");
        zi_3.style.color="black";
    }

    /*function changeimgziover4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px 0px")?("-73px -23px"):("-73px 0px");
        zi_4.style.color="red";
    }
    function changeimgziout4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px -23px")?("-73px 0px"):("-73px -23px");
        zi_4.style.color="black";
    }*/
</script>
<div class="firmmid">
    <div id="bodyCenter">
        <div id="bodyCenter_left">
            <div class="body_1">
                <ul>
                    <li>装修公司</li>
                </ul>
            </div>
            <div id="choose">
                <div id="body_1">
                    <div class="title">服务区域:</div>
                    <div class="all">姑苏</div>
                    <div class="p1">高新</div>
                    <div class="p2">吴中</div>
                    <div class="p3">相城</div>
                    <div class="p4">吴江</div>
                    <div class="p5">工业园</div>
                    <div class="p6">虎丘</div>

                </div>
                <div id="body_2">
                    <div class="title">装修类型:</div>
                    <div class="all">新房装修</div>
                    <div class="p1">二手房装修</div>
                    <div class="p2">局部</div>
                    <div class="p3">软装</div>
                    <div class="p4">工装</div>
                    <div class="p5"></div>
                    <div class="p6"></div>

                </div>
                <div id="body_3">
                    <div class="title">户型:</div>
                    <div class="all">不限</div>
                    <div class="p1">一居室</div>
                    <div class="p2">两居室</div>
                    <div class="p3">三居室</div>
                    <div class="p4">四居室</div>
                    <div class="p5">别墅</div>
                    <div class="p6">复式</div>

                </div>
                <div id="body_4">
                    <div class="title">户型:</div>
                    <div class="all">不限</div>
                    <div class="p1">一居室</div>
                    <div class="p2">两居室</div>
                    <div class="p3">三居室</div>
                    <div class="p4">四居室</div>
                    <div class="p5">别墅</div>
                    <div class="p6">复式</div>

                </div>
            </div>
            <script type="text/javascript">
                function openwindow(){
                    //获取弹窗得div
                    var modal = document.getElementById('myModal');
                    // 获取 <span> 元素，用于关闭弹窗 （X）
                    var span = document.getElementsByClassName("close")[0];
                    //获取弹窗中得确定按钮
                    var ok=document.getElementsByClassName("yes")[0];

                    //窗体弹出
                    modal.style.display = "block";
                    //点击窗体ok
                    ok.onclick=function(){
                        //执行弹出窗体得确定后得操作
                        alert("执行确定按钮点击得操作");
                        //关闭窗口
                        modal.style.display = "none";
                    }
                    // 点击 <span> (x), 关闭弹窗
                    span.onclick = function() {
                        //直接关闭窗口
                        modal.style.display = "none";
                    }
                    // 在用户点击其他地方时，关闭弹窗
                    window.onclick = function(event) {
                        //点击窗口外内容，关闭窗口
                        if (event.target == modal) modal.style.display = "none";
                    }
                }
            </script>
            <div id="list">
                <div class="company">
                    <div class="company_center">
                        <a href="singleCompany.jsp"><div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div></a>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue" onclick="openwindow()">免费预约</div>
                        </div>
                    </div>
                </div>
                <div class="company">
                    <div class="company_center">
                        <a href="singleCompany.jsp"><div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div></a>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue" onclick="openwindow()">免费预约</div>
                        </div>
                    </div>
                </div>
                <div class="company">
                    <div class="company_center">
                        <a href="singleCompany.jsp"><div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div></a>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue" onclick="openwindow()">免费预约</div>
                        </div>
                    </div>
                </div>
                <div class="company">
                    <div class="company_center">
                        <a href="singleCompany.jsp"><div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div></a>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue" onclick="openwindow()">免费预约</div>
                        </div>
                    </div>
                </div>
                <div class="company">
                    <div class="company_center">
                        <a href="singleCompany.jsp"><div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div></a>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue" onclick="openwindow()">免费预约</div>
                        </div>
                    </div>
                </div>
<!--                <div class="company">
                    <div class="company_center">
                        <a href="singleCompany.html"><div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div></a>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue">免费预约</div>
                        </div>
                    </div>
                </div>
                <div class="company">
                    <div class="company_center">
                        <div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue">免费预约</div>
                        </div>
                    </div>
                </div>-->
<!--                <div class="company">
                    <div class="company_center">
                        <div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue">免费预约</div>
                        </div>
                    </div>
                </div>
                <div class="company">
                    <div class="company_center">
                        <div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue">免费预约</div>
                        </div>
                    </div>
                </div>
                <div class="company">
                    <div class="company_center">
                        <div class="company_logo"></div>
                        <div class="center">
                            <div class="center1">
                                <div class="company_name">布空间装饰</div>
                                <div class="company_bao"></div>
                                <div class="company_admit"></div>
                            </div>
                            <div class="center2">
                                <div class="star">
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                    <div class="single_star"></div>
                                </div>
                                <div class="good">98.25%好评率</div>
                                <div class="discuss">
                                    <div class="count">1110</div>
                                    条点评
                                </div>
                            </div>
                            <div class="center3">
                                <div class="anli">案例</div>
                                <div class="anliC">1163套</div>
                                <div class="gongzhang">工长</div>
                                <div class="gongzhangC">35个</div>
                                <div class="shejishi">设计师</div>
                                <div class="shejishiC">30个</div>
                            </div>
                        </div>
                        <div class="right">
                            <div class="koubei">
                                <div class="kbcenter">
                                    <div class="koubeizhi">口碑值</div>
                                    <div class="kbcount">6666</div>
                                </div>
                            </div>
                            <div class="yuyue">免费预约</div>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
        <!--    <div id="bodyCenter_right">
                <div id="YY">
                    <div id="fuwu">预约装修公司服务</div>
                    <div id="chenggong">今日已有5988位用户成功预约</div>
                    <div id="name"><input class="input" type="text" placeholder="姓名"/></div>
                    <div id="phone1"><input class="input" type="text" placeholder="电话"/></div>
                    <div id="dizhi"><input class="input" type="text" placeholder="地址"/></div>
                    <div id="TYK">
                        <div id="checkbox"><input type="checkbox"></div>
                        <div id="TY">我已阅读齐家网的<a href="">用户协议</a> </div>
                    </div>
                    <div id="LJYY">立即预约</div>
                </div>
            </div>-->
    </div>
</div>

<!--<div id="footer">
    <div id="footer_up">
        <div id="footer_up_left">
            <div id="tel">
                <div id="img_bigTel"></div>
                <div id="telNum">400 880 2600</div>
            </div>
            <div id="tel_zi">
                齐家网客服热线<br/>
                周一至周日 9:00-21:00
            </div>
        </div>
        <div id="footer_up_center">
            <div id="center_button">个性化装修</div>
        </div>
        <div id="footer_up_right">3</div>
    </div>
    <div id="footer_down">
        <div id="footer_down_zi">
            齐家网 版权所有Copyright © 2005-2018 www.jia.com All rights reserved<br/>
            沪ICP备13002314号 沪B2-20090108 组织机构代码证：66439109—1<br/>
            中国互联网协会信用评价中心网信认证 网信编码:1664391091
        </div>
        <div id="footer_down_logo">
            <div id="footer_down_logo1"></div>
            <div id="footer_down_logo2"></div>
        </div>
    </div>
</div>-->

</body>
</html>